<!DOCTYPE html>

<html>

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>我的</title>
</head>

<body>
    <div class="head_guide_two">
        <div class="goBack_two">
            <img src="./Images/back.png">
        </div>
        <div class="title_two">我的</div>
        <div class="empty"></div>
    </div>
    <div class="introduce">
        <div class="introduce_my_self_img">
            <img src="./Images/headImg1.jpg">
        </div>
        <div class="intriduce_my_self">
            <p>fbk</p>
            <p>小米ID 312342234</p>
        </div>
    </div>
    <div class="category">
        <div class="category_one">
            <div>0</div>
            <div>米金</div>
        </div>
        <div class="category_one">
            <div>0</div>
            <div>米金</div>
        </div>
        <div class="category_one">
            <div>1</div>
            <div>优惠卷</div>
        </div>
        <div class="category_one">
            <div>0</div>
            <div>红包</div>
        </div>
        <div class="category_one">
            <div>20</div>
            <div>最高额度</div>
        </div>
    </div>
    <div class="wait">
        <div class="wait_goods">
            <div class="wait_goods_title">
              <img src="./Images/shoppingCar.png">
              我的收货
            </div>
            <div class="boundary"></div>
            <div class="wait_goods_shop">
                <img src="./Images/sign.png">
                <p>小米商城</p>
                <p class="wait_goods_shop_wait">已付款</p>
            </div>
            <div class="boundary"></div>
            <div class="wait_goods_introduce">
                <div class="wait_goods_introduce_img">
                    <img src="./Images/shopping.png">
                    <div class="wait_goods_introduce_title">
                        <p>小米手环7</p>
                        <p>夜月黑</p>
                    </div>
                </div>
                <div class="wait_goods_introduce_details">
                    <h4>￥239</h4>
                </div>
            </div>
            <div class="boundary"></div>
            <div class="time_price">
                <div class="time">2002-11-27 09:07</div>
                <div class="price">
                   <p>共一件商品 应付金额: ￥219</p> 
                </div>
            </div>
            <div class="allButton">
                <button>退款</button>
            </div>
        </div>
    </div>
</body>
<script>
    window.onload = function () {
        var callBack=document.referrer
        var data = new Date()
        var year = data.getFullYear();
        var month = data.getMonth() + 1;
        var day = data.getDate();
        var hour = data.getHours();
        var minute = data.getMinutes();
        var second = data.getSeconds();
        var s=year+"-"+month+"-"+day+"\t"+hour+":"+minute+":"+second
        var timer=document.querySelector('.time')
        timer.innerText=s
        var img=localStorage.getItem('userImg')
        console.log('userImg',img)

        var goBack=document.querySelector('.goBack_two')
        goBack.addEventListener('click',function(){
           location.href='./Index.html'
        })
       var username=localStorage.getItem('username')
       var password=localStorage.getItem('password')
       var userImg=localStorage.getItem('userImg')
       var usernameAndPassword=document.querySelector('.intriduce_my_self')
       console.log(usernameAndPassword.children[0])
       usernameAndPassword.children[0].innerText=username
       usernameAndPassword.children[1].innerText='小米ID:'+password
       if(userImg!=null){
       document.querySelector('.introduce_my_self_img').children[0].src=userImg
       }else{
        document.querySelector('.introduce_my_self_img').children[0].src='./Images/headImg1.jpg'
       }
       
    }
</script>
<link rel="stylesheet" href="./css/MySelf.css">
<link rel="stylesheet" href="./css/All.css">
</html>